.treeview, .treeview ul {list-style: none; margin: 0; padding: 0;}
.treeview ul {padding: 4px 0;}
.treeview .hitarea {cursor: pointer; float: left; height: 16px; margin-left: -16px; width: 16px;}
/* fix for IE6 */
* html .hitarea {display: inline; float: none;}
.treeview li{ border-bottom:1px solid #DBE9F1;}
.treeview li ul li{margin: 0; padding: 3px 0px 3px 16px; border:none;}
.treeview a.selected {background-color:#79C47D;}
#treecontrol {margin: 1em 0; display: none;}
.treeview li.collapsable, .treeview li.expandable {}
.treeview li.collapsable span.folder { background:#2982CF url(iconfont-down.png) no-repeat 145px center; color:#fff;}
.treeview li.last {}
.treeview li.lastCollapsable, .treeview li.lastExpandable {}  
.treeview li.lastCollapsable {background-position: 0 -111px;}
.treeview li.lastExpandable {background-position: -32px -67px;}
.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea {}
.treeview-red li {background-image: url(tree/treeview-red-line.gif);}
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable {background-image: url(tree/treeview-red.gif);} 
.treeview-black li {background-image: url(tree/treeview-black-line.gif);}
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable {background-image: url(tree/treeview-black.gif);}
.treeview-gray li {background-image: url(tree/treeview-gray-line.gif);}
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable {background-image: url(tree/treeview-gray.gif);} 
.treeview-famfamfam li {background-image: url(tree/treeview-famfamfam-line.gif);}
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable {background-image: url(tree/treeview-famfamfam.gif);}
.treeview .placeholder {background: url(tree/ajax-loader.gif) 0 0 no-repeat; display: block; height: 16px; width: 16px;}
/* filetree */
.filetree span.folder, .filetree span.file { display: block; padding: 1px 0 1px 16px;}
.filetree span.folder {height:35px; line-height:35px; font-size:14px;  background:url(iconfont-right.png) no-repeat 145px center; cursor:pointer;}
.filetree span.folder:hover {background:#2982CF url(iconfont-down.png) no-repeat 145px center; color:#fff;}
.filetree li.expandable span.folder {}
.filetree span.file {background: url(iconfont-r.png) no-repeat left center; background-size:10px; color:#434546;}
.filetree a {color: #C1D3DE; text-decoration: none;}